<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
       
<h:head>
</h:head>
<h:body>   
        <p:tabMenu activeIndex="4">
    		<p:menuitem value="AreaPersonale" url="index.xhtml" icon="ui-icon-person" />
    	</p:tabMenu>
 <br/><br/>
    
<h:form id="form">

	#{creazionePacchettoBean.ottieniVoliRitornoCompatibili()}
	<p:dataGrid var="volo" value="#{creazionePacchettoBean.voliRitornoCompatibili}" columns="3"
		rows="12" paginator="true"
		paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		rowsPerPageTemplate="9,12,15">

        <p:panel header="#{volo.dataPartenza}" style="text-align:center">
            <h:panelGrid columns="1" style="width:100%"> 

                <h:outputText value="#{volo.compagnia}" />

                <p:commandLink update=":form:voloDetail" oncomplete="PF('voloDialog').show()" title="View Detail">
                    <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" /> 
                    <f:setPropertyActionListener value="#{volo}" 
                            target="#{creazionePacchettoBean.selectedVoloRitorno}" />
                </p:commandLink>
            </h:panelGrid>
        </p:panel>

	</p:dataGrid>
	
	<p:dialog header="voloDetail" widgetVar="voloDialog" modal="true">
		<p:outputPanel id="voloDetail" style="text-align:center;">
			
			<h:panelGrid  columns="2" cellpadding="5">
				<h:outputLabel for="vid" value="VID: " />
				<h:outputText id="vid" value="#{creazionePacchettoBean.selectedVoloRitorno.vid}" />
				
				<h:outputLabel for="compagnia" value="Compagnia: " />
				<h:outputText id="compagnia" value="#{creazionePacchettoBean.selectedVoloRitorno.compagnia}" />
				
				<h:outputLabel for="localitàPartenza" value="localitàPartenza: " />
				<h:outputText id="localitàPartenza" value="#{creazionePacchettoBean.selectedVoloRitorno.localitàPartenza}" />
				
				<h:outputLabel for="localitàArrivo" value="Località Arrivo: " />
				<h:outputText id="localitàArrivo" value="#{creazionePacchettoBean.selectedVoloRitorno.localitàArrivo}" />
				
				<h:outputLabel for="costoBiglietto" value="Costo Biglietto: " />
				<h:outputText id="costoBiglietto" value="#{creazionePacchettoBean.selectedVoloRitorno.costoBiglietto}" />
				
				<h:outputLabel for="dataPartenza" value="Data Partenza: " />
				<h:outputText id="dataPartenza" value="#{creazionePacchettoBean.selectedVoloRitorno.dataPartenza}" />
				
				<h:outputLabel for="oraPartenza" value="Ora Partenza: " />
				<h:outputText id="oraPartenza" value="#{creazionePacchettoBean.selectedVoloRitorno.oraPartenza}" />
				
				<h:outputLabel for="dataArrivo" value="Data Arrivo: " />
				<h:outputText id="dataArrivo" value="#{creazionePacchettoBean.selectedVoloRitorno.dataArrivo}" />
				
				<h:outputLabel for="oraArrivo" value="Ora Arrivo: " />
				<h:outputText id="oraArrivo" value="#{creazionePacchettoBean.selectedVoloRitorno.oraArrivo}" />
				
				<h:link value="Seleziona Questo Volo" outcome="sceltaHotel.xhtml"/>
				
			</h:panelGrid>
		</p:outputPanel>
	</p:dialog>

</h:form>
    </h:body>
</html>